<template>
    <div>
        <div>
            <div class="info"><Icon type="md-bookmark" />详情</div>
            <div class="line"></div>
        </div>
        <div>
            <table class="content" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="title">补贴项目名称</td>
                    <td>2</td>
                    <td class="title">摘要</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td class="title">姓名/单位名称</td>
                    <td>2</td>
                    <td class="title">证件号</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td class="title">区/县</td>
                    <td>2</td>
                    <td class="title">街道/乡镇</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td class="title">社区/村</td>
                    <td>2</td>
                    <td class="title">发放时间</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td class="title">发放金额（元）</td>
                    <td>2</td>
                    <td class="title">发放方式</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td class="title">政策依据</td>
                    <td  colspan="3">2</td>
                </tr>
            </table>
        </div>
    </div>
</template>

<script>
export default {
  name: 'ReportingInfo',
  data () {
    return {
    }
  }
}
</script>

<style scoped>
    .content tr td{
        border:1px #d7dde4 solid;
        height: 50px;
        font-size: 16px;
        font-weight: bold;
        color: black;
        text-indent: 1em;
    }
    .content{
        width: 98%;
        margin-top: 10px;
        margin-left: 10px;
    }
    .title{
        background-color: #f5f5f5;
        width: 180px;
    }
    .info{
        margin-top: 20px;
        width: 80px;
        color: white;
        font-size: 16px;
        background-color: #689ACA;
        text-align: center;
        line-height: 50px;
    }
    .line{
        height: 5px;
        width: 100%;
        background-color: #689ACA;
    }

</style>
